<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>变量的定义与声明</title>
  <script>
    /**
     * 变量的定义规则：
     * 1、变量名必须由字母、数字、下划线_及$四种符号组成，并且首字符不能是数字。
     * 2、变量名不能是系统关键字，如：class, var,let 等不能作为变量名。
     * 3、变量名区分大小写。如：name与Name代表两个不同的变量。
     */
    function fun1(){
      var a = 10
      console.log("a = ",a)
    }

    /**
     * 2. 常见变量的类型
     * ① number类型：代表整数与小数
     * ② boolean类型：代表布尔值
     * ③ object类型：代表对象类型
     * ④ function类型：代表函数类型
     * ⑤ undefined类型：代表undefined类型
     */
   function fun2(){
      let a = 10
      console.log("a的类型：",typeof a)       // a的类型： number(整数与小数)
      a = 3.14
      console.log("a的类型：",typeof a)       // a的类型： number
      a = true
      console.log("a的类型：",typeof a)       // a的类型： boolean
      a = []
      console.log("a的类型：",Object.prototype.toString.call(a))       // a的类型： [object Array]
      a = {}
      console.log("a的类型：",typeof a)       // a的类型： object
      a = function(){}
      console.log("a的类型：",typeof a)       // a的类型： function
      a = null
      console.log("a的类型：",typeof a)       // a的类型： object
      a = undefined
      console.log("a的类型：",typeof a)       // a的类型： undefined
   }
   fun2()
  </script>
</head>
<body>

</body>
</html>
